/* components/mv-item/mv-item.wxss */
.img-box {
  position: relative;
  margin-bottom: 12rpx;

  .img {
    width: 100%;
  }

  .note {
    font-size: 24rpx;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8rpx 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    background-color: rgba($color: #000000, $alpha: 0.4);

    .icon {
      font-size: 28rpx;
    }

    .count {
      margin-left: 12rpx;
    }
  }
}

.info {
  font-size: 28rpx;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
}